@charset "utf-8";
@function p($px) {
    @return $px/2*1px;
}
$orange:#ff9344;
html,body{
    position: relative;
    height: 100%;
}
@mixin transf {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}

    //头部
    header {
        width: 100%;
        position: absolute;
        top: 0;
        overflow: hidden;
        background: #fff;
        .logo {
            width: p(123);
            height: p(123);
            overflow: hidden;
            margin-left: p(23);
            margin-top: p(17);
            img {
                height: 100%;
            }
        }
        .slCity {
            width: p(157);
            height: p(54);
            position: relative;
            margin-top: p(47);
            margin-right: p(21);
            &::after {
                position: absolute;
                top: p(22);
                right: p(11);
                display: block;
                width: 0;
                height: 0;
                content: "";
                border-top: p(16) solid $orange;
                border-right: p(15) solid transparent;
                border-left: p(15) solid transparent;
            }
            select {
                border: p(3) solid $orange;
                width: 100%;
                height: 100%;
                padding-left: p(14);
                background: #fff;
                //隐藏select的默认样式
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }
            /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
            select::-ms-expand {
                display: none;
            }
        }
        .search {
            width: p(282);
            height: p(49);
            line-height: p(49);
            border-radius: p(23);
            border: p(3) solid $orange;
            margin: 0 auto;
            margin-top: p(51);
            input[type="search"] {
                width: p(197);
                height: p(34);
                border: none;
                margin-left: p(12);
                vertical-align: middle;
                font-size: p(24);
            }
            i {
                color: $orange;
                vertical-align: middle;
            }
        }
    }
    //底部导航
    footer{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: p(16) 0;
        background: white;
        .nav{
            font-size: 0;
            li{
                display: inline-block;
                width: 25%;
                a{
                    color: #000;
                    font-size: p(26);
                    display: block;
                    text-align: center;
                    i{
                        font-size: p(72);
                        color: $orange;
                    }
                }
            }
        }
    }

.allTitle {  //公共标题样式
            line-height: p(54);
            margin-top: p(33);
            padding-left: p(22);
            padding-right: p(21);
            .title {
                img {
                    width: p(56);
                    height: p(54);
                    vertical-align: middle;
                }
                span {
                    font-size: p(30);
                    vertical-align: middle;
                    color: black;
                    font-weight: normal;
                }
            }
           .more {
                font-size: p(24);
                color: black;
                vertical-align: middle;
                img {
                    width: p(26);
                    height: p(26);
                    vertical-align: middle;
                }
            } 
        }